@charset "utf-8";
/* footer */
.footer-wrapper {
    /*height: 375px;*/
    /*background: url(../images/public/footer_bg.png) no-repeat center top;*/
    /*background-size: auto 100%;*/
    color: #fff;
    background-color: #0066b3;
}

.footer-wrapper a {
    color: #fff;
}

.footer-wrapper a:hover {
    text-decoration: underline;
}

.footer-links-bg {
    background-color: #015293;
}

.footer-links {
    padding-top: 30px;
    position: relative;
}

.footer-links:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    clear: both;
    background: #fff;
    opacity: .26;
}

.footer-links h2 {
    padding-bottom: 20px;
    font-size: 1.125em;
}

.footer-links .footer-links-a {
    float: left;
    padding: 0 50px 0 0px;
    height: 32px;
    line-height: 32px;
}

.footer-links .pulldown {
    float: left;
    width: 262px;
    padding-bottom: 30px;
}

.footer-links .pulldown + .pulldown {
    margin-left: 50px;
}

.footer-links .pulldown h3 {
    position: relative;
    padding: 0 50px 0 35px;
    height: 32px;
    line-height: 32px;
    font-size: 1em;
    font-weight: normal;
    border: rgba(255, 255, 255, .6) 1px solid;
    border-radius: 16px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

/* .footer-links .pulldown h3.on:before{ content: "";position: absolute;width: 0;height: 0; border: transparent solid 12px; border-bottom-color: rgba(31,93,180,.95); top: 100%; left: 50%;margin-left: -6px; margin-top: 6px;} */
.footer-links .pulldown h3:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 12px;
    height: 7px;
    background: url(../images/public/footer_links_arrow.png) no-repeat;
    transition: .3s all;
}

.footer-links .pulldown.on h3:after {
    transform: rotate(-180deg);
}

.footer-links .pulldown-menu {
    display: none;
}

.footer-links .pulldown-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 10;
    background: rgba(31, 93, 180, .95);
    max-height: 197px;
    overflow-y: auto;
}

.footer-links ul {
    padding: 10px;
}

.footer-links ul li {
    float: left;
    line-height: 35px;
    width: 20%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 10px;
}

.footer-links ul li a {
    font-size: 88.8888%;
    float: left;
    position: relative;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.footer {
    font-size: 14px;
    padding-top: 30px;
}

.footer-nav {
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
}

.footer-nav span {
    margin: 0 30px;
}

.footer-main {
    padding-bottom: 30px;
}

.footer-copyright {
    float: left;
    line-height: 30px;
    width: 540px;
    margin-right: 30px;
}

.footer-copyright .beian {
    padding-left: 25px;
    display: inline-block;
    background: url(../images/public/footer_beian.png) no-repeat left center;
}

.footer-copyright a {
    color: #fff;
}

.footer-wzbs {
    float: right;
    margin-right: 30px;
    padding-top: 20px;
}

.footer-wzbs img {
    vertical-align: middle;
}

.footer-wzbs #_span_jiucuo {
    margin-left: 10px;
}

.footer-wzbs #_span_jiucuo img {
    height: 58px;
}

.footer-wzbs-slh {
    height: 58px;
    margin-left: 25px;
}

.footer-ewm {
    float: right;
}

.footer-ewm li {
    float: left;
}

.footer-ewm li + li {
    margin-left: 20px;
}

.footer-ewm li .box {
    /*width: 95px;*/
    /*height: 115px;*/
    /*background: #fff;*/
}

.footer-ewm li img {
    display: block;
    /*width: 95px;*/
    /*height: 95px;*/
}

.footer-ewm li span {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #333;
}

/*responsive*/
@media (max-width: 1240px) {
    .footer-wrapper {
        height: auto;
        background-size: cover;
    }

    .footer {
        text-align: center;
    }

    .footer-ewm {
        margin: 0 auto;
        width: 210px;
    }

    .footer-wzbs, .footer-copyright, .footer-ewm {
        float: none;
    }

    .footer-copyright {
        width: auto;
        margin-right: 0;
        padding-top: 20px;
    }

    .footer-wzbs {
        padding-top: 10px;
    }

    .footer-nav {
        padding-bottom: 40px;
    }

    .footer-links-panel {
        text-align: center;
    }

    .footer-links .pulldown {
        float: none;
        display: inline-block;
    }

    .footer-links h2 {
        display: none;
    }

    .footer-links .pulldown + .pulldown {
        margin-left: 30px;
    }
}


/* xs mobile*/
@media (max-width: 768px) {
    .footer-links-panel {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .footer-copyright {
        padding-top: 0;
    }

    .footer-links .footer-links-a {
        padding: 0;
        width: 50%;
        margin-bottom: 20px;
    }

    .footer-links-panel:before, .footer-links-panel:after {
        display: none;
    }

    .footer-links .pulldown {
        width: 48%;
        margin: 0 !important;
    }

    .footer-links ul li {
        width: 25%;
    }

    .footer-nav {
        line-height: 30px;
        padding: 25px 0;
    }

    .footer-nav span {
        margin: 0 20px;
    }

}


@media (max-width: 480px) {
    .footer-links .pulldown h3 {
        padding-left: 15px;
        padding-right: 30px;
    }

    .footer-links .pulldown h3:after {
        right: 15px;
    }

    .footer-ewm {
        display: none;
    }
}

@media (max-width: 414px) {
    .footer-wzbs #_span_jiucuo {
        margin-left: 0;
    }

    .footer-wzbs-slh {
        margin-left: 10px;
    }
}

@media (max-width: 360px) {
    .footer-links ul li {
        width: 50%;
    }
}